<template>
<!--<h1>标志景点</h1>-->
  <div>
    <el-row justify="space-around">
    <div v-for="scenicItem in scenic" :key="scenicItem.scenicId">
      <el-card shadow="hover" style="width: 430px;height: 430px;">
        <el-carousel trigger="click" height="150px">
          <el-carousel-item v-for="item in scenicItem.imageUrl" :key="item">
            <el-image
                :src="item"
                fit="contain"
            ></el-image>
          </el-carousel-item>
        </el-carousel>
        <el-divider/>
        {{scenicItem.scenicName}}
        <el-divider/>
        <div style="height:120px;overflow-y: auto">
        {{scenicItem.scenicDescription}}
        </div>
      </el-card>
      <el-divider/>
    </div>
    </el-row>
  </div>

</template>

<script>
export default {
  name: "hotScenic",
  props:['scenic']
}
</script>


